<?php $this->load->view('home/layout/header') ?>
<header class="my-head flex">
    <div class="my-return">
        <a href="javascript:history.go(-1);">
            <i class="iconfont icon-zuojiantou"></i>
        </a>
    </div>
    <div class="add-name">
        填写银行卡信息
    </div>
</header>
<section class="add-brank full-text widthMax">
    <form id="bind-bank-card-form">
        <input type="hidden" name="bank_id" >
        <a href="javascript:;" class="bank-link flex" data-am-modal="{target: '#bank-list'}">
            <img src="/skins/home/images/photo.png" id="bank-img">
            <p class="flex-1" id="bank-name">请选择银行卡类型</p>
            <i class="cash-icon iconfont icon-youjiantou"></i>
        </a>
        <ul>
            <li>
                <h6>银行卡号</h6>
                <div class="full-input flex-1">
                    <input type="tel" name="bank_card" placeholder="银行卡号">
                </div>
            </li>
            <li>
                <h6>持卡人</h6>
                <div class="full-input flex-1">
                    <input type="text" name="cardholder" placeholder="持卡人姓名">
                </div>
            </li>
            <li>
                <h6>证件</h6>
                <div class="full-input flex-1">
                    <input type="text" name="pin" placeholder="身份证号码">
                </div>
            </li>
            <li>
                <h6>手机号</h6>
                <div class="full-input flex-1">
                    <input type="tel" name="mobile_phone" placeholder="银行预留手机号码">
                </div>
                <div class="add-proving">
                    <button type="button" id="sms-captcha">短信验证</button>
                </div>
            </li>
            <li>
                <h6>验证码</h6>
                <div class="full-input flex-1">
                    <input type="tel" name="captcha" placeholder="短信验证码">
                </div>
            </li>
        </ul>
        <p class="full-public">保持卡信息，支付更便捷</p>
        <div class="full-submit">
            <button type="button" id="submit">确定</button>
        </div>
    </form>
</section>

<div class="am-modal-actions" id="bank-list">
    <div class="bank-head flex">
        <i class="iconfont icon-cha" data-am-modal-close></i>
        <p class="flex-1">选择支付方式</p>
    </div>
    <div class="bank-choose">
        <div class="scroller">
            <ul class="bank-tion">
                <?php foreach($bankList->result() as $value): ?>
                <li data-bank-id="<?php echo $value->method_id; ?>" data-bank-name="<?php echo $value->method_name; ?>">
                    <img src="<?php echo 'skins/home/images/bank68/bank-', $value->method_id, '.png'; ?>" >
                    <p class="flex-1"><?php echo $value->bank_name; ?></p>
                    <i class="iconfont icon-shuruzhengque"></i>
                </li>
                <?php endforeach; ?>
            </ul>
        </div>
    </div>
</div>
<?php $this->load->view('home/layout/tip'); ?>
<?php $this->load->view('home/layout/footer'); ?>